﻿/*响应式效果*/
@media ( min-width:1440px ) and ( max-width:1680px ) {

} 


/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.8%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	.head.fixedbg{
		padding: 8px 0; 
	}
	.head::after{
		display: none;
	} 
	.head-welcome{
		display: none;
	}
	.head .Logo{ 
		width: 34%;
		margin-top: 0;
	}
	.head .Logo-txt{
		display: none;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-tel{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/
	.syBannerN, .syBannerP{
		display: none;
	}
	.indexProduct{
		padding: 38px 0;
	}
	.yrj-sy-h2{
		font-size: 24px;
		line-height: 28px;
	}
	.yrj-sy-h2 span::after{
		width: 16px;
		height: 4px;
		background-size: 100%;
		margin-top: -2px;
		left: -24px;
	}
	.yrj-sy-h2 span::before{
		width: 16px;
		height: 4px;
		background-size: 100%;
		margin-top: -2px;
		right: -24px;
	}
	.yrj-sy-h6{
		font-size: 14px;
		margin-top: 10px;
	}
	.indexProduct .hd{
		margin-top: 25px;
	}
	.indexProduct .hd ul li{
		width: 33.333%;
		height: 70px; 
		padding-top: 10px;
	}
	.indexProduct .hd ul li .cn{
		font-size: 16px;
	}
	.indexProduct .hd ul li .en{
		font-size: 12px;
		margin-top: 2px;
		letter-spacing: 0; 
	}
	.indexProduct .bd{
		margin-top: 25px;
	}
	.indexProduct .bd .row{
		margin-left: 0;
		margin-right: 0;
	}
	.indexProduct .bd .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;
	}
	.indexProduct .bd .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;
	}
	.sy-pro-list{
		margin-bottom: 10px;
	}
	.sy-pro-list .tit{
		font-size: 14px;
		margin-top: 10px;
	}
	.sy-pro-list .more{
		width: 82px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		margin: 10px auto 18px;
	}
	.sy-pro-advert{
		height: auto; 
		padding: 4%;
	}
	.sy-pro-advert h3{
		font-size: 20px;
		line-height: 28px;
	}
	.sy-pro-advert .box .txt{
		float: none;
		font-size: 16px;
		line-height: 25px;
	}
	.sy-pro-advert .ljzx{
		position: relative;
		margin-top: 0;
		right: 0;
		top: 0;
		margin: 18px auto 0;
	}
	.sy-pro-advert .box span{
		width: 100%;
		float: none;
		background-size: 100% 100%;
		margin-top: 16px;
	}
	.sy-ys-one{
		padding: 38px 0 0 0;
		background-size: 100% 100%;
	}
	.sy-ys-one ul{
		margin-top: 25px;
	}
	.sy-ys-one ul li:first-child{
		border-bottom: 1px solid rgba(255,255,255,0.4);
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	.indexAdvantage ul::after{
		display: none;
	}
	.indexAdvantage ul li .pic{
		width: 100%;
		float: none !important;
	}
	.indexAdvantage ul li .num{
		display: none;
	}
	.indexAdvantage ul li .info .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.indexAdvantage ul li .info .line{
		margin: 14px 0;
	}
	.indexAdvantage ul li .info .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.indexAdvantage ul li .info{
		width: 100%;
		float: none !important;
		margin-top: 20px;
	}
	.sy-ys-two{
		padding: 90px 0 30px;
	}
	.sy-ys-two ul li{
		margin-bottom: 0;
	}
	.sy-ys-two ul li:first-child{
		border-bottom:1px solid #449e43;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.indexSolution{
		padding: 38px 0;
	}
	.indexSolution .yrj-sy-h2 span::after,
	.indexSolution .yrj-sy-h2 span::before{
		display: none;
	}
	.indexSolution .hd{
		margin-top: 25px;
	} 
	.indexSolution .hd ul{
		overflow: hidden;
	}
	.indexSolution .hd ul li{
		display: block;
		float: left; 
		font-size: 12px;
		line-height: 38px; 
		width: 31%;
		margin: 0 1% 10px;
	}
	.indexSolution .bd{
		margin-top: 25px;
	}
	.indexSolution .bd .row{
		margin-left: 0;
		margin-right: 0;
	}
	.indexSolution .bd .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;
	}
	.indexSolution .bd .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;
	}
	.sy-jjfa-list{
		margin-bottom: 10px;
	}
	.sy-jjfa-list .info{
		padding: 6%;
	}
	.sy-jjfa-list .info .tit{
		font-size: 14px;
		line-height: 25px;
		height: 25px;
		-webkit-line-clamp: 1;
	}
	.sy-jjfa-list .info .line{
		margin-top: 16px;
	}
	.indexMessaeg{
		padding: 38px 0;
	}
	.indexMessaeg .yrj-sy-h2{
		padding: 0 12%;
	}
	.indexMessaeg .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.indexMessaeg .row .pdg{
		padding: 0;
	}
	.indexMessaeg .row input[type=text]{
		font-size: 14px;
	}
	.indexMessaeg .row textarea{
		font-size: 14px;
	}
	.indexMessaeg .ljtj i{
		font-size: 25px;
		margin-right: 10px;
	}
	.indexMessaeg .ljtj{
		width: 100%;
		height: 48px;
		margin: 12px auto 0;
		line-height: 42px;
		font-size: 16px;
	}
	.sy-jjfa-tel{
		width: 100%;
		height: auto;
		margin: 25px auto 0;
		font-size: 14px;
		line-height: 35px;
		padding: 10px 0;
	}
	.indexAbout{
		padding: 38px 0 0 0;
		height: 430px;
	}
	.indexAbout .tit{
		font-size: 18px;
		margin: 15px 0;
	}
	.indexAbout .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.indexAbout .more{
		width: 120px;
		font-size: 14px;
		height: 42px;
		line-height: 42px;
		margin: 25px auto 0;
	}
	.indexAbout .more i{
		font-size: 15px;
	}
	.sy-gssl .titBox{
		position: relative;
		width: 100%;
		overflow: hidden;
		padding: 4%;
	}
	.sy-gssl .titBox .cn{
		font-size: 20px;
		margin-top: 0;
		margin-bottom: 2px;
	}
	.syGsslSwiper{
		width: 100%;
		float: none;
		margin-right: 0;
		padding: 0;
	}
	.syGsslSwiper img{
		width: 100%;
	}
	.sy-gsqk .lb{
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 20px;
	}
	.sy-gsqk .lb .tit{
		font-size: 15px;
	}
	.sy-gsqk .lb .num {
		margin: 0 auto;
	}
	.sy-gsqk .lb .dot{
		display: none;
	}
	.sy-gsqk{
		padding: 38px 0;
	}
	.sy-gsqk::before{
		display: none;
	}
	.sy-gsqk .lb::after{
		display: none;
	}
	.syHonorN, .syHonorP{
		display: none;
	}
	.sy-gsqk .lb .num .shadow{
		display: none;
	}
	.indexHonor{
		padding: 38px 0 20px;
	}
	.indexHonor .line{
		margin-top: 25px;
	}
	.syHonorSwiper{
		padding-bottom: 45px;
	}
	.sy-honor-show{
		margin-top: 25px;
		padding-bottom: 0;
		background: none;
	}
	.indexNews{
		padding: 38px 0;
	}
	.indexNews .container{
		margin-top: 25px;
	}
	.sy-news-left{
		width: 100%;
		float: none;
	}
	.sy-news-list{
		width: 100%;
		background: #f1f1f1;
		float: none !important;
		margin-bottom: 15px;
	}
	.sy-news-list .info{
		padding: 5%;
	}
	.sy-news-list .info .tit{
		font-size: 18px;
	}
	.sy-news-list .info .sub{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		-webkit-line-clamp: 2;
		margin: 12px 0;
	}
	.sy-news-list .info .more{
		font-size: 14px;
		margin-top: 15px;
	}
	.sy-news-right{
		width: 100%;
		display: none;
		float: none;
	}
	
	/*内页*/
	.yrj-main{
		padding: 38px 0;
	}
	.yrj-sub-left{
		display: none;
	}
	.yrj-right{
		width: 100%;
		float: none;
	}
	.Nylocation .now-wz{
		font-size: 12px;
	}
	.Nylocation{
		line-height: 42px;
	}
	.ny-hb-info{
		display: none;
	}
	.product .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;		
	}
	.product .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;		
	}
	.product-list .tit{
		font-size: 14px;
		line-height: 40px;
	}
	.product-list{
		margin-bottom: 15px;
	}
	.productDe .imgShow{
		width: 100%;
		float: none;
	}
	.proDeSwiper{
		width: 79%;
	}
	.productDe .info{
		width: 100%;
		float: none;
		margin-top: 25px;
		padding-top: 15px;
	}
	.productDe .info .title{
		font-size: 20px;
		line-height: 30px;
	}
	.productDe .info .sub{
		font-size: 14px;
		line-height: 25px;
		height: auto;
		margin-top: 20px;
	}
	.productDe .info .ljzx{
		line-height: 36px;
		font-size: 14px;
		margin-top: 25px;
		height: 45px;
	}
	.productDe .info .ljzx i{
		top: 4px;
	}
	.product-tab{
		margin-top: 25px;
	}
	.product-tab .top-tit{
		line-height: 45px;
		font-size: 18px;
	}
	.product-tab .cont{
		margin-top: 25px;
	}
	.product-tab .pro-td{
		margin-top: 12px;
	}
	.proLySwiper{
		margin-top: 25px;
		padding-bottom: 35px;
	}
	.pro-ly .tit{
		font-size: 14px;
		margin-top: 8px;
	}
	.pro-about{
		margin-top: 25px;
		border-right: none;
	}
	.pro-about .info .title{
		font-size: 20px;
	}
	.pro-about .info .cont1{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}
	.pro-about .num-box{
		width: 100%;
		float: none;
		margin-right: 0;
		padding: 5%;
		overflow: hidden;
	}
	.pro-about .num-box .lb{
		width: 50%;
		float: left;
	}
	.pro-about .num-box .lb:nth-child(3){
		margin-bottom: 0;
		border-bottom: none;
		padding-bottom: 0;
	}
	.pro-about .info{
		width: 100%;
		float: none;
		padding: 5%;
	}
	.proTjSwiper{
		margin-top: 25px;
	}
	.download ul{
		margin-top: 0;
	}
	.download ul li .ico{
		width: 42px;
		height: 42px;
		margin-top: -21px;
		right: 12px;
	}
	.download ul li .ico i{
		font-size: 24px;
	}
	.download ul li .tit{
		font-size: 18px;
		line-height: 25px;
		margin: 10px 0;
	}
	.download ul li .sj{
		font-size: 12px;
	}
	.download ul li{
		padding: 10px 20% 12px 20px;
	}
	.yrj-ny-cls a{
		width: 31%;
		margin: 0 1%;
		min-width: auto;
		font-size: 12px;
		line-height: 38px;
		margin-bottom: 6px;
	}
	.yrj-ny-cls{
		margin-bottom: 25px;
	}
	.newsDe .title{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .time{
		font-size: 12px;
		margin-top: 14px;
		padding-bottom: 14px;
	}
	.newsDe .cont{
		margin-top: 25px;
		font-size: 14px;
		line-height: 26px;
	}
	.dePage{
		margin-top: 28px;
		padding-top: 20px;
	}
	.dePage a{
		width: 100%;
		float: none;
		padding: 4%;
		margin-bottom: 5px;
		font-size: 14px;
		line-height: 25px;
	}
	.ny-lm-tit{
		font-size: 24px;
		line-height: 30px;
	}
	.tech ul li{
		font-size: 14px;
		line-height: 26px;
		padding-top: 15px;
	}
	.problem-item h3{
		line-height: 40px;
		font-size: 16px;
	}
	.problem-item ul li{
		font-size: 14px;
		line-height: 26px;
		padding-left: 36px;
		background: url(../images/a.png) no-repeat top 22px left;
	}
	.news ul{
		margin-top: 25px;
	}
	.news ul li .pic{
		width: 100%;
		float: none;
	}
	.news ul li .info{
		width: 100%;
		float: none;
		margin-top: 15px;
	}
	.news ul li .info .tit{
		font-size: 18px;
	}
	.news ul li{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.about .gs-name{
		font-size: 24px;
		line-height: 30px;
	}
	.about-box .cont{
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 26px;
	}
	.about-box .num-box{
		width: 100%;
		margin-top: 25px;
		float: none;
		overflow: hidden;
	}
	.about-box .num-box .lb{
		width: 50%;
		float: left;
	}
	.about-box .num-box .lb:nth-child(3){
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.about .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.about .row .pdg{
		margin-bottom: 10px;
	}
	.about .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;
	}
	.about .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;
	}
	.history{
		padding: 38px 4%;
	}
	.about-h2{
		font-size: 24px;
		line-height: 28px;
	}
	.about-line{
		margin: 15px auto 0;
	}
	.culture{
		padding: 38px 5%;
	}
	.culture .row{
		margin-top: 25px;
	}
	.qywh-list{
		padding: 4%;
	}
	.qywh-list .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.qywh-list .sub{
		height: auto;
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}
	.history-nr{
		margin-top: 28px;
	}
	.history .year{
		writing-mode: inherit;
		font-size: 55px;
		line-height: 55px;
		float: none;
	}
	.history-ul-warp{
		width: 100%;
		float: none;
	}
	.history-ul-warp::after{
		display: none;
	}
	.history-nr .pic2{
		position: relative;
		width: 100%;
		height: 250px;
		margin-top: 25px;
	}
	.history-ul{
		height: auto;
		margin-top: 25px;
		padding-left: 0;
		padding-bottom: 0;
	}
	.history-li .info .nf{
		font-size: 28px;
		line-height: 28px;
	}
	.history-li .info .sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 8px;
	}
	.history-li .info .sub::after{
		top: 8px;
	}
	.history-li{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.honor .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.honor .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;
		padding-bottom: 25px;
	}
	.honor .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;
		padding-bottom: 25px;
	}
	.contact-h2{
		font-size: 24px;
		line-height: 30px;
	}
	.contact-h6{
		font-size: 16px;
		margin-top: 12px;
	}
	.contact .box{
		margin-top: 25px;
	}
	.contact .box .info{
		width: 100%;
		float: none;
	}
	.contact .box .info .gs-name{
		font-size: 20px;
		line-height: 25px;
	}
	.contact .box .info .sub{
		margin-top: 15px;
	}
	.contact .box .info .sub p{
		font-size: 14px;
		line-height: 40px;
	}
	.contact .box .tel{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.contact .box .tel .lb{
		height: 135px;
	}
	.contact .box .tel i{
		font-size: 117px;
    	line-height: 111px;
	}
	.maps{
		margin-top: 25px;
	}
	.contact .box .hm{
		line-height: 28px;
	}
	.contact .box .hm a{
		font-size: 20px;
	}
	.message{
		padding: 25px 4%;
	}
	.message .row{
		margin-top: 25px;
	}
	.message input[type=text]{
		font-size: 14px;
		height: 40px;
		margin-bottom: 5px;
	}
	.message textarea{
		margin-top: 0;
		min-height: 120px;
		max-height: 120px;
		font-size: 14px;
	}
	.message .ljtj{
		width: 100%;
		line-height: 40px;
		font-size: 15px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 